.headerwrap{background:#fff;}
.header{height:100px;margin:0 auto;}
.header .header-logo h1 img{width:200px;height:70px;float:left;margin-top:15px;}
.header .search{width:600px;border:solid 1px green;float:left;border-radius: 30px;margin-top:35px;margin-left:60px;display:flex;height:40px;line-height:40px;}
.header .search .search-l{border-right:solid 1px #ccc;width:80px;text-align:center;border-ragius:30px 0px 0px 0px;}
.header .search .search-l span{font-size:16px;}
.header .search .search-z{width:440px;border-right:solid 1px green;margin-left:10px;}
.header .search .search-z i{font-size:16px;color:#ccc;display:}
.search .search-z .icon-xingtaiduICON_sousuo--{font-size:25px;color:#ccc;}
.header .search .search-r{text-align: center;font-size:16px;color:#fff;background:green;width:80px;border-radius:0px 30px 30px 0px;}
.header .search .active2{background:limegreen;}

.nav .nav-l{float:left;height:40px;line-height:40px;width:200px;background:green;margin-top:10px;border-radius:10px 10px 0px 0px;}
.nav .nav-l img{height:20px;width:30px;float:left;margin-left:20px;margin-top:10px;}
.nav .nav-l span{font-size:16px;color:#fff;margin-left:20px;}
.nav .nav-r{float:flet;height:50px;}
.nav ul li{float:left;}
.nav ul li .active{background:green;}
.nav ul li a{display:block;font-size:16px;color:#333;line-height:50px;box-sizing: border-box;text-align:center;padding-left:24px;padding-right:24px;}
.nav ul li:nth-child(1) a{color:darkgreen;font-weight:900;}
.nav ul li a:hover{color:darkgreen;font-weight:900;}
.nav ul li:nth-child(1){margin-left:50px;padding-right:28px;}

.content-wrap{background-image: url("https://image.cnhnb.com/image/jpg/miniapp/2020/03/26/34a3d660ba614cf9ab500b8c2ef0c6d4.jpg");}
.content{overflow: hidden;height:550px;}
.content .content-u{width:200px;z-index:1;position:absolute;z-index: 1;background:#fff;}
.content .content-u li{height:65px;border-bottom: solid 1px #ccc;width:200px;}
.content .content-u li .cont-s-one{padding-top:10px;height:20px;}
.content .content-u li .cont-s-one img{width:20px;height:20px;float:left;margin-left:6px;}
.content .content-u li .cont-s-one a{font-size:16px;color:#gray;margin-left:6px;}
.content .content-u li .cont-s-one .icon-iconarr-right{float:right;margin-right:10px;line-height:20px;font-size:16px;}
.content .content-u li .cont-x-one{height:30px;} 
.content .content-u li .cont-x-one a{line-height:30px;font-size:14px;color:grey;margin-left:8px;}

.banner{height:380px;position: relative;width:770px;overflow: hidden;left:200px;}

.content .content-u .active{background: green;}
.tab{height:380px;position: absolute;width:770px;}
.cont{width:200px;height:200px;position:absolute;top:0;left:275px;top:150px;z-index: 2;}
.cont div{width: 500px;height: 360px;display: none;}
.cont .cont1{border:solid 2px green;width:1000px;height:520px;box-sizing: border-box;background:#fff;}
.cont1 .cont1-ul{margin-top:30px;clear:both;}
.cont1 .cont1-ul span{float:left;padding-right:50px;text-indent: 15px;font-size:16px;display:block;line-height:40px;}
.cont1 .cont1-ul a{float:left;padding-left:5px;padding-right:5px;color:dimgray;border-left:solid 1px dimgray;line-height: 1;margin-top:10px;}
.cont1 .cont1-ul a:hover{color:darkgreen;}
.cont1 .cont1-ul2{clear:both;margin-top:100px;}
.cont1 .cont1-ul2 span{display:block;line-height:35px;}

.banner .imgbox a{width:770px;height:380px;position:absolute;left:770px;top:0;}
.imgbox a:nth-child(1){left:0;}
.imgbox img{width:770px;;height:380px;}
.btns input{width:40px;height:40px;position:absolute;top:180px;border:none;background:rgba(200,200,200,0.5);}
.btns .left{left:10px;}
.btns .right{right:20px;}
.list{position:absolute;bottom:0;margin-left:45%;}
.list span{display:inline-block;width:30px;height:10px;border-radius: 3px;background:#808080;}
.list span:nth-child(2){margin-left:4px;margin-right:4px;}
.list .active{background:#CCCCCC;}
.content .banner-x{margin-left:203px;width:1000px;}
.content .banner-x li{float:left;padding:10px 5px 25px 5px;height:135px;}
.content .banner-x li a{width:240px;height:135px;overflow: hidden;display: block;}
.content .banner-x li a img{width:240px;height:135px;}
.content .banner-x li a img:hover{transform:scale(1.1,1.1);}
.content .banner-r {height:300px;width:228px;background:#fff;z-index:1;position:absolute;right:74px;bottom:130px;}
.content .banner-r img{margin-left:100px;margin-top:10px;}
.content .banner-r .login-p{height:60px;width:240px;}
.content .banner-r .login-p p{font-size:14px;line-height:60px;text-align: center;}

.content .banner-rlogin .login-p{width:240px;}
.content .banner-rlogin .login-p p{font-size:14px;text-align: center;height:30px;}
.content .banner-rlogin{display:none;}
.content .banner-rlogin .login-3{margin-top:20px;}
.content .banner-r .login-3 p{font-size:12px;line-height:30px;text-align: center;}
.content .banner-r .login-3 p:hover a{color:green;}
.content .banner-r .login{width:150px;background:green;height:40px;border-radius: 20px;text-align: center;line-height: 40px;margin-left:50px;margin-top:30px;}
.content .banner-r .login a{color:#fff;font-size:16px;}
.content .banner-r .login.active2{background:limegreen;}


.hot-wrap{background:#ccc;}
.hot{display: flex;justify-content: center;background:#ccc;height:60px;padding-top:20px;}
.hot .line-l{height:6px;width:100px;border-top:solid 1px;border-bottom: solid 1px;margin-top:20px;}
.hot .hot-cont{display: flex;}
.hot .hot-cont img{padding-left:30px;padding-right:15px;width:40px;height:40px;}
.hot .hot-cont .hot-content{font-size:30px;font-weight:900;padding-right:30px;}

.introduce-wrap{background:#ccc;}
.introduce{overflow: hidden;height:600px;padding-bottom: 60px;clear: both;}
.introduce .introduce-r{width:200px;height:600px;background:orange;float:left}
.introduce .introduce-r .intro-title{font-size:18px;color:#fff;font-weight: 900;text-indent:20px;padding-top:50px;}

.introduce .introduce-r p{height:30px;color:#fff;line-height: 30px;text-indent: 20px;font-size: 14px;}
.introduce .introduce-r .intro-2title{height:25px;width:80px;background:#fff;border-radius: 50px;margin-left:20px;margin-top:5px;}
.introduce .introduce-r .intro-2title span{font-size:12px;color:crimson;display: block;float: left;line-height: 25px;margin-left:10px;}
.introduce .introduce-r .intro-2title .icon-iconarr-right{font-size:12px;color:crimson;float: right;line-height: 25px;margin-right:10px;}
.introduce .introduce-r .intro-i {margin-top:10px;}
.introduce .introduce-r .intro-list{width:200px;padding-top:50px;}
.introduce .introduce-r .intro-list li{width:60px;float:left;height:25px;background:rgba(255,100,0,0.7);border-radius:30px;margin-left:20px;margin-top:10px;}
.introduce .introduce-r .intro-list .active1{background:brown;}
.introduce .introduce-r .intro-list li i {display: block;font-size:14px;color:#fff;text-align: center;line-height: 25px;}

.introduce .introduce-l{float:left;width:1000px;height:600px;background:#fff;}
.introduce .introduce-l ul{float:left;width:1000px;height:600px;}
.intro-li-x{margin-left:25px;height:30px;}
.intro-li-x span{color:crimson;font-size:12px;line-height: 30px;}
 .intro-li-x span i{color:crimson;font-size:16px;}
 .intro-li-x em{color: gray;font-size: 14px;margin-left: 10px;}
 .intro-li-xx{margin-left:25px;}
 .intro-li-xx span{display: inline-block;width:30px;height:20px;background:crimson;border-radius: 5px;}
 .intro-li-xx span i{color:#fff;font-size:12px;line-height: 20px;margin-left:2px;}
 .intro-li-xx em{color: gray;font-size: 12px;}
 .intro-li-xxx{width:80px;height:18px;background:#ccc;border-radius: 5px;text-align: center;border:solid 1px steelblue;margin-left:20px;margin-top:5px;margin-bottom:5px;}
 .intro-li-xxx i{font-size: 13px;color:steelblue;}

 .intro-li-b{width:197px;height:40px;background:green;overflow: hidden;text-align: center;display: none;}
 .introduce .introduce-l ul li{height:300px;}
.introduce .introduce-l ul li:hover .intro-li-b{display: block;}
.introduce .introduce-l ul li:hover .comes{display:none;}
 .intro-li-b i{color:#fff;line-height: 40px;font-size: 14px;}
 .intro-li-b span{color:#fff;line-height: 40px;font-size: 14px;}
.introduce .introduce-l ul li{float:left;width:200px;}
.introduce .introduce-l ul li img{width:160px;height:160px;margin-left:20px;margin-top:20px;}
.intro-2{overflow:hidden;clear: both;margin-top:-40px;background:#ccc;}
.introduce-wrap2{background:#ccc;margin-top:-30px;}


.floor{width: 100px;margin: 0;padding: 0;background: #ccc;position: fixed;right: 0;top:200px;z-index:3;opacity: 0.8;}
.floor li{list-style: none;height: 40px;line-height: 40px;text-align: center;border-bottom: solid 1px #fff;cursor: pointer;}